module.exports = {
  future: {
    // removeDeprecatedGapUtilities: true,
    // purgeLayersByDefault: true,
  },
  purge: [
    './components/**/*.{vue,js}',
    './layouts/**/*.vue',
    './pages/**/*.vue',
  ],
  theme: {
    extend: {},
  },
  variants: {},
  plugins: [
    // function ({ addComponents }) {
    // addComponents({
    //   '.home-title': {
    //     textTransform: 'uppercase',
    //     display:'inlineBlock',
    //     fontSize: '2.25rem',
    //     backgroundColor: '#1E40AF',
    //     color: '#FFFFFF',
    //     fontWeight: 'bold',
    //     padding: '1rem',
    //     borderRadius: '0.5rem',
    //     boxShadow: '0 2px 4px rgba(0, 0, 0, 0.1)',
    //   },
    // })
    // },
  ],
}
